﻿<%@ Page Title="CompareXpress - ติดต่อเรา" Language="C#" MasterPageFile="~/MasterPage.master"
    AutoEventWireup="true" Async="true" ValidateRequest="false" CodeFile="contactus-th.aspx.cs"
    Inherits="contactus_contactus_th" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="cpBody">
    <div id="container">
        <div class="body">
            <div class="top">
            </div>
            <div class="body">
                <div class="padding_lr15px">
                    <!-- Column Content | Start -->
                    <div class="col_content_full">
                        <div class="top">
                        </div>
                        <div class="body">
                            <div class="padding_lr30px">
                                <div id="container_slider">
                                    <div id="lofslidecontent45" class="lof-slidecontent">
                                        <div class="preload">
                                            <div>
                                            </div>
                                        </div>
                                        <!-- MAIN CONTENT -->
                                        <div class="lof-main-wapper">
                                            <div class="left" style="width: 50%;">
                                                <div class="lof-main-item-desc">
                                                    <%--<h1>
                                                        Privacy Statement</h1>--%>
                                                    <h3>
                                                        ส่งจดหมายหรือเอกสารถึงเรา :</h3>
                                                    <p>
                                                        <asp:Label runat="server" ID="lblContactAddress" Text="" />
                                                    </p>
                                                    <div class="clear">
                                                    </div>
                                                </div>
                                                
                                                 <div class="lof-main-item-desc">
                                                <%--<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.th/maps/ms?msa=0&amp;msid=204214433005251071824.0004c9a1bbcde053cfe43&amp;hl=th&amp;ie=UTF8&amp;ll=13.724408,100.52722&amp;spn=0,0&amp;t=m&amp;output=embed"></iframe><br /><small>ดู <a href="https://maps.google.co.th/maps/ms?msa=0&amp;msid=204214433005251071824.0004c9a1bbcde053cfe43&amp;hl=th&amp;ie=UTF8&amp;ll=13.724408,100.52722&amp;spn=0,0&amp;t=m&amp;source=embed" style="color:#0000FF;text-align:left">CompareXpress</a> ในแผนที่ขนาดใหญ่กว่า</small>--%>
                                                <%--<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/myplaces?ctz=-480&amp;ie=UTF8&amp;ll=13.726191,100.527885&amp;spn=0.011423,0.013797&amp;t=m&amp;z=16&amp;iwloc=A"></iframe><br /><small>View <a href="https://maps.google.com/maps/myplaces?ctz=-480&amp;ie=UTF8&amp;ll=13.726191,100.527885&amp;spn=0.011423,0.013797&amp;t=m&amp;z=16&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">บริษัทคอมแพร์เอ็กซ์เพรส นายหน้าประกันภัย(ประเทศไทย) จำกัด</a> ในแผนที่ขนาดใหญ่กว่า</small>--%>
                                                
                                                <%--<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.google.co.th/maps?q=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2(%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2)&amp;hl=th&amp;ie=UTF8&amp;sll=13.0376,101.491373&amp;sspn=23.516445,43.286133&amp;hq=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2&amp;t=m&amp;hnear=&amp;cid=12671563438317176204&amp;ll=13.724335,100.526662&amp;spn=0.014592,0.018239&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe><br /><small>ดู <a href="http://www.google.co.th/maps?q=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2(%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2)&amp;hl=th&amp;ie=UTF8&amp;sll=13.0376,101.491373&amp;sspn=23.516445,43.286133&amp;hq=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2&amp;t=m&amp;hnear=&amp;cid=12671563438317176204&amp;ll=13.724335,100.526662&amp;spn=0.014592,0.018239&amp;z=15&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">บริษัท คอมแพร์เอ็กซ์เพรส </a>แผนที่ขนาดใหญ่ขึ้น</small>--%>
                                                <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.google.co.th/maps?q=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2(%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2)&amp;hl=th&amp;ie=UTF8&amp;sll=13.0376,101.491373&amp;sspn=23.516445,43.286133&amp;hq=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2&amp;t=m&amp;hnear=&amp;cid=12671563438317176204&amp;source=embed&amp;ll=13.724252,100.524774&amp;spn=0.014592,0.018239&amp;z=15&amp;iwloc=A&amp;output=embed"></iframe><br /><small>ดู <a href="http://www.google.co.th/maps?q=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2(%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2)&amp;hl=th&amp;ie=UTF8&amp;sll=13.0376,101.491373&amp;sspn=23.516445,43.286133&amp;hq=%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%A9%E0%B8%B1%E0%B8%97%E0%B8%84%E0%B8%AD%E0%B8%A1%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%8C%E0%B9%80%E0%B8%AD%E0%B9%87%E0%B8%81%E0%B8%8B%E0%B9%8C%E0%B9%80%E0%B8%9E%E0%B8%A3%E0%B8%AA+%E0%B8%99%E0%B8%B2%E0%B8%A2%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2&amp;t=m&amp;hnear=&amp;cid=12671563438317176204&amp;source=embed&amp;ll=13.724252,100.524774&amp;spn=0.014592,0.018239&amp;z=15&amp;iwloc=A" style="color:#0000FF;text-align:left">บริษัท คอมแพร์เอ็กซ์เพรส </a>แผนที่ขนาดใหญ่ขึ้น</small>
                                                </div>

                                            </div>
                                            <div class="right" style="width: 50%;">
                                                <div class="lof-main-item-desc">
                                                    <h3>
                                                        ส่งอีเมล์ถึงเรา :</h3>
                                                    <p>
                                                        สำหรับการสอบถามและการแสดงความคิดเห็นทั่วไปทั้งหมด โปรดส่งอีเมล์ถึงเราที่<br />
                                                        <%--<asp:Hyperlink runat="server" ID="hplSendUsEmail" NavigateUrl=""
                                                            Text="support@gluaygluay.com" />--%>
                                                        <a href="mailto:support@gluaygluay.com" rel="nofollow">support@gluaygluay.com</a>
                                                    </p>
                                                    <div class="clear">
                                                    </div>
                                                </div>
                                                
                                                <div class="lof-main-item-desc">  
                                                    <asp:Image runat="server" ID="imgHotLine" ImageUrl="<%$ Resources:ImageResource,HotLineResultUrl%>" alt="Hotline"/>                                                        
                                                </div>   
                                            </div>
                                            <%--<div class="right" style="width: 50%;">
                                                <div class="lof-main-item-desc">
                                                    <h3>
                                                        ติชม / ร้องเรียน</h3>
                                                    <p>
                                                        <div onclick="showhide('divFeedBack');">
                                                            <u>ร่วมแบ่งปันประสบการณ์ที่นี่</u></div>
                                                       
                                                    </p>
                                                    <div class="clear">
                                                    </div>
                                                </div>
                                            </div>--%>
                                        </div>
                                        
                                        

                                                
                                        <br />                                        
                                        <div class="lof-main-wapper" id="divFeedBack">
                                            <h3>
                                                <%=GetGlobalResourceObject("UserMessage", "SendUsYourFeedback")%></h3>
                                            <div class="seperator_15px">
                                            </div>
                                            <div id="CarForm">
                                                <!-- Form | Start -->
                                                <asp:ValidationSummary ID="vsUserFeedBack" runat="server" ValidationGroup="feedback"
                                                    ShowSummary="True" HeaderText="<%$ Resources:Menu,RequiredValidation%>" CssClass="errorSummary" />
                                                <asp:Label ID="lblMessage" runat="server"></asp:Label>
                                                <div style="display: none;">
                                                    <div class="form_col_1 left">
                                                        <label>
                                                            <%=GetGlobalResourceObject("UserMessage", "FeedbackTitle")%></label></div>
                                                    <div class="form_col_2 left">
                                                        <asp:TextBox ID="lblFeedBackTitle" runat="server" Text="<%$ Resources:UserMessage,Feedback%>"></asp:TextBox>
                                                        <%--<asp:Label ID="lblFeedBackTitle" runat="server"><%=GetGlobalResourceObject("UserMessage", "Feedback")%></asp:Label>--%>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="form_col_1 left">
                                                        <div style="padding-top: 35px;">
                                                            <%=GetGlobalResourceObject("UserMessage", "Whatyoufeel")%>
                                                            <div style="height: 28px;">
                                                            </div>
                                                            <%=GetGlobalResourceObject("UserMessage", "FeedbackType")%>
                                                        </div>
                                                    </div>
                                                    <div class="form_col_2 left">
                                                        <table width="100%" cellpadding="2" cellspacing="2">
                                                            <tr>
                                                                <td style="width: 20%" align="center">
                                                                    <asp:ImageButton ID="ibtnVeryUseful" runat="server" ToolTip="<%$ Resources:Title,VeryUseful%>"
                                                                        ImageUrl="/images/icon/emotion/happy-icon.png" Width="75" Height="75" BorderStyle="none"
                                                                        OnClientClick="return ChangeImage('EV')" />
                                                                </td>
                                                                <td style="width: 20%" align="center">
                                                                    <asp:ImageButton ID="ibtnGood" runat="server" ToolTip="<%$ Resources:Title,Good%>"
                                                                        ImageUrl="/images/icon/emotion/smile-icon.png" Width="75" Height="75" BorderStyle="none"
                                                                        OnClientClick="return ChangeImage('EG')" />
                                                                </td>
                                                                <td style="width: 20%" align="center">
                                                                    <asp:ImageButton ID="ibtnOk" runat="server" ToolTip="<%$ Resources:Title,OK%>" BorderStyle="none"
                                                                        ImageUrl="/images/icon/emotion/ok-icon.png" Width="75" Height="75" OnClientClick="return ChangeImage('EO')" />
                                                                </td>
                                                                <td style="width: 20%" align="center">
                                                                    <asp:ImageButton ID="ibtnSad" runat="server" ToolTip="<%$ Resources:Title,Sad%>"
                                                                        ImageUrl="/images/icon/emotion/sad-icon.png" Width="75" Height="75" BorderStyle="none"
                                                                        OnClientClick="return ChangeImage('ES')" />
                                                                </td>
                                                                <td style="width: 20%" align="center">
                                                                    <asp:ImageButton ID="ibtnAngry" runat="server" ToolTip="<%$ Resources:Title,Angry%>"
                                                                        ImageUrl="/images/icon/emotion/angry-icon.png" Width="75" Height="75" BorderStyle="none"
                                                                        OnClientClick="return ChangeImage('EA')" />
                                                                </td>
                                                            </tr>
                                                            <div style="display: none;">
                                                                <asp:TextBox ID="txtEmotionType" runat="server"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="rfvEmotionType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                                    runat="server" ErrorMessage="<%$ Resources:UserMessage,WhatyoufeelMessage%>"
                                                                    ControlToValidate="txtEmotionType"></asp:RequiredFieldValidator>
                                                            </div>
                                                            <tr>
                                                                <td colspan="5">
                                                                    <asp:ImageButton ID="ibtnSuggestion" runat="server" ToolTip="<%$ Resources:Title,Suggestion%>"
                                                                        ImageUrl="/images/icon/emotion/button_suggestion_th.png" BorderStyle="none" OnClientClick="return ChangeImage('BS')"
                                                                        Style="width: 114px; height: 27px;" />
                                                                    <asp:ImageButton ID="ibtnCompliment" runat="server" ToolTip="<%$ Resources:Title,Compliment%>"
                                                                        ImageUrl="/images/icon/emotion/button_compliment_th.png" BorderStyle="none" OnClientClick="return ChangeImage('BC')"
                                                                        Style="width: 114px; height: 27px;" />
                                                                    <asp:ImageButton ID="ibtnBug" runat="server" ToolTip="<%$ Resources:Title,Bug%>"
                                                                        ImageUrl="/images/icon/emotion/button_bug_th.png" BorderStyle="none" OnClientClick="return ChangeImage('BB')"
                                                                        Style="width: 114px; height: 27px;" />
                                                                </td>
                                                            </tr>
                                                            <div style="display: none;">
                                                                <asp:TextBox ID="txtFeedbackType" runat="server"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="rfvFeedbackType" ValidationGroup="feedback" validationErrorCssClass="validationError"
                                                                    runat="server" ErrorMessage="<%$ Resources:UserMessage,FeedbackTypeMessage%>"
                                                                    ControlToValidate="txtFeedbackType"></asp:RequiredFieldValidator>
                                                            </div>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="seperator_form">
                                            </div>
                                            <div>
                                                <div class="form_col_1 comp left">
                                                    <asp:Label ID="lblYourName" runat="server" Text="<%$ Resources:UserMessage,YourName%>" /></div>
                                                <div class="form_col_2 left">
                                                    <asp:TextBox ID="txtName" MaxLength="50" class="text" runat="server" Width="200px"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="rfvName" runat="server" CssClass="validationErrorControl"
                                                        ValidationGroup="feedback" ErrorMessage="" Text="" ControlToValidate="txtName"></asp:RequiredFieldValidator>
                                                    <asp:RegularExpressionValidator ID="revName" runat="server" ValidationGroup="feedback"
                                                        ValidationExpression="^[a-zA-Z''-'\s]{1,50}$" CssClass="validationErrorControl"
                                                        ControlToValidate="txtName" ErrorMessage=""></asp:RegularExpressionValidator>
                                                </div>
                                            </div>
                                            <div class="seperator_form">
                                            </div>
                                            <div>
                                                <div class="form_col_1 comp left">
                                                    <asp:Label ID="lblEmail" runat="server" Text="<%$ Resources:UserMessage,YourEmail%>" /></div>
                                                <div class="form_col_2 left">
                                                    <asp:TextBox ID="txtEmail" Enabled="True" runat="server" Width="250px"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ValidationGroup="feedback" CssClass="validationErrorControl"
                                                        ID="rfvEmail" runat="server" ControlToValidate="txtEmail" Display="Dynamic" ErrorMessage=""></asp:RequiredFieldValidator>
                                                    <asp:RegularExpressionValidator ValidationGroup="feedback" CssClass="validationErrorControl"
                                                        ID="revEmail" runat="server" ControlToValidate="txtEmail" ErrorMessage="" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                                </div>
                                            </div>
                                            <div class="seperator_form">
                                            </div>
                                            <div>
                                                <div class="form_col_1 comp left">
                                                    <asp:Label ID="lblYourFeedback" runat="server" Text="<%$ Resources:UserMessage,YourFeedback%>" /></div>
                                                <div class="form_col_2 left">
                                                    <asp:TextBox ID="txtFeedBack" Width="350px" Enabled="true" runat="server" Columns="61"
                                                        MaxLength="500" Rows="7" TextMode="MultiLine"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ValidationGroup="feedback" CssClass="validationErrorControl"
                                                        ID="rfvFeedback" runat="server" ErrorMessage="" ControlToValidate="txtFeedBack"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                            <div class="seperator_form">
                                            </div>
                                            <div id="divThankYou" visible="false" runat="server">
                                                <asp:Label runat="server" Font-Size="Larger" ForeColor="green" ID="lblThankYou"><%=GetGlobalResourceObject("UserMessage", "FeedbackThankyou")%></asp:Label>
                                            </div>
                                            <div class="seperator_15px">
                                            </div>
                                            <div>
                                                <asp:Button ID="btnSendFeedBack" onmousedown="this.className = 'button_submit_mousedown';"
                                                    onmouseup="this.className = 'button_submit';" onmouseout="this.className = 'button_submit';"
                                                    CssClass="button_submit" OnClientClick="LoadValidationErrorCss();if (Page_ClientValidate('feedback')){this.removeAttribute('onmouseout');this.removeAttribute('onmouseup');this.className = 'button_processing';}"
                                                    runat="server" ValidationGroup="feedback" AlternateText="Submit" ToolTip="Submit"
                                                    OnClick="btnSendFeedBack_Click" />
                                            </div>
                                        </div>
                                        <!-- END MAIN CONTENT -->
                                    </div>

                                    <script type="text/javascript">
                                        var _lofmain = $('lofslidecontent45');
                                        var _lofscmain = _lofmain.getElement('.lof-main-wapper');
                                        var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
                                        var object = new LofFlashContent(_lofscmain,
									              _lofnavigator,
									              _lofmain.getElement('.lof-navigator-outer'),
									              { fxObject: { transition: Fx.Transitions.Quad.easeInOut, duration: 800 },
									                  interval: 3000,
									                  direction: 'hrleft'
									              });
                                        object.start(true, _lofmain.getElement('.preload'));
                                    </script>

                                </div>
                            </div>
                        </div>
                        <div class="bottom">
                        </div>
                    </div>
                    <!-- Column Content | End   -->
                </div>
            </div>
            <div class="bottom">
            </div>
        </div>
    </div>

    <script type="text/javascript">
        function showhide(el) {

            el = document.getElementById(el);
            el.style.display = (el.style.display == "none") ? "block" : "none";

        }
        function ChangeImage(btnName) {

            var txtET = document.getElementById('<%=txtEmotionType.ClientID%>');
            var txtFT = document.getElementById('<%=txtFeedbackType.ClientID%>');

            var imgBS = document.getElementById('<%=ibtnSuggestion.ClientID%>');
            var imgBC = document.getElementById('<%=ibtnCompliment.ClientID%>');
            var imgBB = document.getElementById('<%=ibtnBug.ClientID%>');

            var imgEV = document.getElementById('<%=ibtnVeryUseful.ClientID%>');
            var imgEG = document.getElementById('<%=ibtnGood.ClientID%>');
            var imgEO = document.getElementById('<%=ibtnOk.ClientID%>');
            var imgES = document.getElementById('<%=ibtnSad.ClientID%>');
            var imgEA = document.getElementById('<%=ibtnAngry.ClientID%>');

            if (btnName == "BS") {
                txtFT.value = "1";
                imgBS.src = '/images/icon/emotion/button_suggestion_th_s.png';
                imgBC.src = '/images/icon/emotion/button_compliment_th.png';
                imgBB.src = '/images/icon/emotion/button_bug_th.png';
            }
            else if (btnName == "BC") {
                txtFT.value = "2";
                imgBS.src = '/images/icon/emotion/button_suggestion_th.png';
                imgBC.src = '/images/icon/emotion/button_compliment_th_s.png';
                imgBB.src = '/images/icon/emotion/button_bug_th.png';
            }
            else if (btnName == "BB") {
                txtFT.value = "3";
                imgBS.src = '/images/icon/emotion/button_suggestion_th.png';
                imgBC.src = '/images/icon/emotion/button_compliment_th.png';
                imgBB.src = '/images/icon/emotion/button_bug_th_s.png';
            }
            else if (btnName == "EV") {
                txtET.value = "1";
                imgEV.src = '/images/icon/emotion/happy-icon_s.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EG") {
                txtET.value = "2";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon_s.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EO") {
                txtET.value = "3";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon_s.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "ES") {
                txtET.value = "4";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon_s.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            else if (btnName == "EA") {
                txtET.value = "5";
                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon_s.png';
            }
            else {
                txtET.value = "";
                txtFT.value = "";

                imgBS.src = '/images/icon/emotion/button_suggestion_th.png';
                imgBC.src = '/images/icon/emotion/button_compliment_th.png';
                imgBB.src = '/images/icon/emotion/button_bug_th.png';

                imgEV.src = '/images/icon/emotion/happy-icon.png';
                imgEG.src = '/images/icon/emotion/smile-icon.png';
                imgEO.src = '/images/icon/emotion/ok-icon.png';
                imgES.src = '/images/icon/emotion/sad-icon.png';
                imgEA.src = '/images/icon/emotion/angry-icon.png';
            }
            return false;
        } 
    </script>

</asp:Content>
